webpack 命令

webpack 是基于模块化打包（构建）工具

npm init -y 建立工程习惯，首先初始化配置

npm i -D webpack webpack-cli 安装 webpack 和 cli 工具

• 打包：

  npx webpack 打包文件，默认寻找 src 下的 index.js 文件，打包到 dist 目录下

  npx webpack --mode=production 运行环境（压缩）

  npx webpack --mode=development 开发环境（不压缩）

• 配置脚本：

"scripts": {
  "code": "webpack --watch", // 监控文件变化
  "build": "webpack --mode=production",
  "dev": "webpack --mode=development"
},

npm run dev

webpack 将 ES6 模块化与 Common.js 模块化相互兼容，如果以 ES6 的 export default 导出，以 Common.js 获取时要向 require('').default 下寻找 （精神分裂）

webpack 默认配置文件：webpack.config.js

配置文件是要在打包过程中运行的（给node看），所以不支持ES6模块化导出*

npx webpack --config a.js 指定配置文件

npm i -D webpack-dev-server 安装 webpack 服务器（打断最终打包过程，默认开启 watch）

npx webpack-dev-server 运行服务器